<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>功夫熊猫</title>
		<link rel="stylesheet" href="css/功夫熊猫样式.css" />
	</head>
	<body>
		<!-- 功夫熊猫2D项目 
		html：设计页面基础结构元素
		      ①跑马灯套标题
			  ②元素有几个动画，1个div元素
			  ③跑马灯套图片
		css：构建页面的效果【样式:④通用选择器、背景、转换、动画、定位、盒模型】
		     ①外部样式表-项目【样式与骨架分离】
		-->
		<marquee behavior="alternate">
			<h1>功夫熊猫</h1>
		</marquee>
		<!-- 熊【动画1个关键帧】 -->
		<div class="bear"></div>
		<!-- 云 -->
		<marquee><img src="img/cloud.png" alt="云" /></marquee>
		<!-- 音乐 -->
		<audio src="img/gf.mp3" autoplay loop></audio>
		
	</body>
</html>